<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Cubic - One Page Responsive HTML 5 Website Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Responsive Minimal Bootstrap Theme">
    <meta name="keywords" content="onepage,responsive,minimal,bootstrap,theme">
    <meta name="author" content="">


   

    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
   
    
    <link rel="stylesheet" href="css/style.css" type="text/css">
    
    <!-- custom style css -->
    <link rel="stylesheet" href="css/custom-style.css" type="text/css">
    
    <!-- color scheme -->
    <link rel="stylesheet" href="css/color.css" type="text/css">
    
    
    <!-- load fonts -->
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css" type="text/css">

    
</head>
<body>

	<div id="wrapper">
    <!-- header begin -->
    <header class="header-bg">
            <div class="container">
                <div class="row">

                    <div class="col-md-12">
                        <h1 id="logo">
                            <a href="index.html">
                                <img class="logo-1" src="images/logo.png" alt="">
                                <img class="logo-2" src="images/logo-2.png" alt="">
                            </a>
                        </h1>

                        <span id="menu-btn"></span>

                        <!-- mainmenu begin -->
                        <nav>
                            <ul id="mainmenu">
                                <li><a href="Index">梦之始</a></li>
                                <li><a href="#">搜索</a></li>
                                <li><a href="Inschool">校内活动</a></li>
                                <li><a href="Outschool">校外活动</a></li>
                                <li><a href="#">天涯共此时</a></li>
                                <li><a href="Login">登陆</a></li>
                                <li><a href="Register">注册</a></li>
                                
                            </ul>
                        </nav>

                    </div>
                    <!-- mainmenu close -->

                </div>
            </div>
        </header>
    <!-- header close -->

    <!-- subheader -->
    <section id="subheader" data-speed="8" data-type="background">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1>旅游</h1>
                    <span>欢迎来到AHPU旅游！</span>
                    <ul class="crumb">
                        <li><a href="index.html">校外活动</a></li>
                        <li class="sep">/</li>
                        <li>旅游</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- subheader close -->

    <!-- content begin -->
    <div id="content">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <ul class="blog-list">
                        
                        <li>
                            <div class="date-box"><span class="day">1</span> <span class="month">序</span> </div>
                            <div class="post-content">
                                <div class="post-image">
                                    <span class="post-text">
                                        <img src="images/blog/pic-blog-3.jpg" alt=""></span>
                                </div>
                                <div class="post-text">
                                    <h3><a href="#">这里写活动的主题</a></h3>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum [...]
                                </div>
                            </div>
                                                        <div class="post-meta"><span><i class="icon-user"></i>举办人： <a href="#">时代</a></span> <span><i class="icon-tag"></i><a href="#">需求人数</a>： <a href="#">10</a></span> <span><i class="icon-comment"></i><a href="#">价格：50元</a></span> <span><i class="icon-arrow-right"></i><a href="#">参加</a></span> </div>
                        </li>

                        <li>
                            <div class="date-box"><span class="day">2</span> <span class="month">序</span> </div>
                            <div class="post-content">
                                <div class="post-image">
                                    <span class="post-text">
                                        <img src="images/blog/pic-blog-4.jpg" alt=""></span>
                                </div>
                                <div class="post-text">
                                    <h3><a href="#">这里写活动的主题</a></h3>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum [...]
                                </div>
                            </div>
                                                        <div class="post-meta"><span><i class="icon-user"></i>举办人： <a href="#">时代</a></span> <span><i class="icon-tag"></i><a href="#">需求人数</a>： <a href="#">10</a></span> <span><i class="icon-comment"></i><a href="#">价格：50元</a></span> <span><i class="icon-arrow-right"></i><a href="#">参加</a></span> </div>
                        </li>
                        <li>
                            <div class="date-box"><span class="day">3</span> <span class="month">序</span> </div>
                            <div class="post-content">
                                <div class="post-image">
                                    <span class="post-text">
                                        <img src="images/blog/pic-blog-3.jpg" alt=""></span>
                                </div>
                                <div class="post-text">
                                    <h3><a href="#">这里写活动的主题</a></h3>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum [...]
                                </div>
                            </div>
                            <div class="post-meta"><span><i class="icon-user"></i>举办人： <a href="#">时代</a></span> <span><i class="icon-tag"></i><a href="#">需求人数</a>： <a href="#">10</a></span> <span><i class="icon-comment"></i><a href="#">价格：50元</a></span> <span><i class="icon-arrow-right"></i><a href="#">参加</a></span> </div>
                        </li>
                        <li>
                            <div class="date-box"><span class="day">4</span> <span class="month">序</span> </div>
                            <div class="post-content">
                                <div class="post-image">
                                    <span class="post-text">
                                        <img src="images/blog/pic-blog-3.jpg" alt=""></span>
                                </div>
                                <div class="post-text">
                                    <h3><a href="#">这里写活动的主题</a></h3>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum [...]
                                </div>
                            </div>
                                                        <div class="post-meta"><span><i class="icon-user"></i>举办人： <a href="#">时代</a></span> <span><i class="icon-tag"></i><a href="#">需求人数</a>： <a href="#">10</a></span> <span><i class="icon-comment"></i><a href="#">价格：50元</a></span> <span><i class="icon-arrow-right"></i><a href="#">参加</a></span> </div>
                        </li>
                    </ul>

                    <div class="text-center">
                        <ul class="pagination">
                            <li><a href="#">上一个</a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">下一个</a></li>
                        </ul>
                    </div>
                </div>

                <div id="sidebar" class="col-md-4">
                    <div class="widget widget-text">
                        <h4>Text Widget</h4>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                    </div>

                    <div class="widget tab-holder">
                        <div class="de_tab">
                            <ul class="de_nav">
                                <li><span class="active">Popular</span></li>
                                <li><span>Recent</span></li>
                            </ul>

                            <div class="de_tab_content">

                                <div class="tab-small-post">
                                    <ul>
                                        <li>
                                            <img src="images/news-small-1.jpg" class="post-info" alt="" />
                                            <span class="post-content">
                                                <a href="#">Sed ut perspiciatis unde </a></span>
                                            <span class="post-date">Sept 22, 2013
                                            </span>
                                        </li>

                                        <li>
                                            <img src="images/news-small-2.jpg" class="post-info" alt="" />
                                            <span class="post-content">
                                                <a href="#">Sed ut perspiciatis unde </a></span>
                                            <span class="post-date">Sept 22, 2013
                                            </span>
                                        </li>

                                        <li>
                                            <img src="images/news-small-3.jpg" class="post-info" alt="" />
                                            <span class="post-content">
                                                <a href="#">Sed ut perspiciatis unde </a></span>
                                            <span class="post-date">Sept 22, 2013
                                            </span>
                                        </li>
                                    </ul>
                                </div>

                                <div class="tab-small-post">
                                    <ul>
                                        <li>
                                            <img src="images/news-small-3.jpg" class="post-info" alt="" />
                                            <span class="post-content">
                                                <a href="#">Lorem ipsum dolor sit</a></span>
                                            <span class="post-date">Sept 22, 2013
                                            </span>
                                        </li>

                                        <li>
                                            <img src="images/news-small-2.jpg" class="post-info" alt="" />
                                            <span class="post-content">
                                                <a href="#">Lorem ipsum dolor sit</a></span>
                                            <span class="post-date">Sept 22, 2013
                                            </span>
                                        </li>

                                        <li>
                                            <img src="images/news-small-1.jpg" class="post-info" alt="" />
                                            <span class="post-content">
                                                <a href="#">Lorem ipsum dolor sit</a></span>
                                            <span class="post-date">Sept 22, 2013
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="widget widget_category">
                        <h4>Category</h4>
                        <ul>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Hosting</a></li>
                            <li><a href="#">Server</a></li>
                            <li><a href="#">Technology</a></li>
                            <li><a href="#">Software</a></li>
                        </ul>
                    </div>
                    <div class="widget widget_tags">
                        <h4>Tags</h4>
                        <ul>
                            <li><a href="#link">Art</a></li>
                            <li><a href="#link">Application</a></li>
                            <li><a href="#link">Design</a></li>
                            <li><a href="#link">Entertainment</a></li>
                            <li><a href="#link">Internet</a></li>
                            <li><a href="#link">Marketing</a></li>
                            <li><a href="#link">Multipurpose</a></li>
                            <li><a href="#link">Music</a></li>
                            <li><a href="#link">Print</a></li>
                            <li><a href="#link">Programming</a></li>
                            <li><a href="#link">Responsive</a></li>
                            <li><a href="#link">Website</a></li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
    
            <!-- footer begin -->
            <footer>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <div class="social-icons">
                                <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                <a href="#"><i class="fa fa-envelope-o fa-lg"></i></a>
                                <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                            </div>
                            <div class="spacer-single"></div>
                            © Copyright 2014 - Cubic by Designesia
                        </div>
                    </div>
                </div>
            </footer>
            <!-- footer close -->
	
    </div>
	
    <!-- Javascript Files
    ================================================== -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jpreLoader.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>

    <script src="js/jquery.ui.totop.js"></script>


    <script src="js/owl.carousel.js"></script>

    <script src="js/classie.js"></script>
    <script src="js/designesia.js"></script>



</body>
</html>